how to increase width of the site

Posted in: ionMag
Post count: 1

how to increase width of the site which is using ionmag theme ?
i want to increase its full width instead of leaving empty space at left and right .
please provide me steps to do this thank you

Alin V.
Post count: 276

Hi,

IonMag theme has an fixed grid layout, responsive as it is fluid and styled for desktop/tables/mobile screens. The theme full width is 980px(content) and it is not an easy task to change it because all the theme elements were designed for this width and you will need to redesign them.

Thanks!

Post count: 11

The ionMag team has done an amazing job creating this theme!

But +1… It would be great to be able to increase the width.

Maybe consider it for a future release? I saw another post asking for this flexibility.

Thanks,
Michael

Bogdan B.
Post count: 201

Hello,
Thank you for your suggestion!

Post count: 14

I agree with adding the ability to change the width of the site.
And to improve the fluidity of the design, rather than keeping it fixed width.
Many themes allow you to set the width of the container.

980 px is an OLD-STYLE width made for old computer displays of years ago.

Modern News Sites such as Huffington Post, CNN, Raw Story, LA Times, Time, ESPN, etc. use about 1200 px as their width. This is better for 1080p displays that are much more common today.

Only the NYTimes uses 980 px. And it looks constrained on a modern display.

Thanks.

Bogdan B.
Post count: 201

Hi,

This was a decision taken by our designers and it cannot be changed easily unfortunately. We built the theme on the width decided upon and now it cannot be changed with a few simple commands.

Thank you for your suggestion but unfortunately the theme width is not in our plan for the near future.

Thank you for your understanding.

Post count: 14

Hopefully somewhere in the future flexibility in the content width can be done rather than having a fixed width. I realize that painting oneself into a fixed corner can make it difficult to do.

It is possible to take the best parts of the ionMag Theme but have some flexibility in content width by using the plug-in: Fullwidth Templates for Any Theme & Page Builder By Brainstorm Force. This gives you full width option for the content of the pages.

You can then use the page builder of choice to design the contents.

Interestingly, the sidebar disappears when a fullwidth page is used. But it can be brought back easily by using a pagebuilder like Elementor by inserting it as a widget.

You will need to use custom CSS to move the objects in the header and the menu so they can be outside the 980 pixel constraint of the page.

My concern however in going outside ionMag’s constraints is that ionMag is a very new theme. Unlike Newspaper 8, there are a lot of bugs that still have to be worked out of ionMag. For example, as of 7/3/17, the theme is missing the theme color options for submenus and megamenus in the theme options panel. ionMag is pretty fragile as a result of the bugs still present. So straying out of their design constraints can uncover bugs and instability in the theme and may make your website unstable.

Simion C.
Post count: 218

Hi,

Please note that there are still full width capabilities when using the page editor. Rows can be stretched, and there is a selection of Full Big Grids. Just an example
https://demo.tagdiv.com/ionmag_premium_magazine/
Page creation only depends on your imagination and vision. You can achieve many layouts for pages. Also there are more features and options to come for the tagDiv composer.
Like I mentioned in another topic, the options you mention in regards of the theme colors, will be available in the next theme update. They are not implemented in the current theme version.

Thanks

Post count: 2

I can resize the site, i just put this code in the custom css

.td-container, .tdc-row {
margin-right: auto;
margin-left: auto;
width: 90%;
}

I hope you can too

  • This reply was modified 3 months by  supercortu.
Post count: 3

Thanks for your help, but my mega menu doesn’t strecht images to full content. This is my site 360amthuc.com. Could you help me?

Simion C.
Post count: 218

Hi,

@vuhue Unfortunately I don’t understand exactly what you are referring to. The link you provided does not have the theme installed. If you have problems with the mega menu please provide more details for a better understanding.
You can see the theme mega menu with sub-categories in the live demo for example, check the Lifestyle menu item
https://demo.tagdiv.com/ionmag/
Also more information here
https://www.wpion.com/members/main-menumega-menu/

Thanks

Viewing 11 posts - 1 through 11 (of 11 total)
You must be logged in to reply to this topic.