- This topic has 1 reply, 2 voices, and was last updated 11 years, 8 months ago by
.
-
Posts
-
Hi...
I use the eleven40 Pro theme on my site and recently, like last night, added the Plugmatter Feature Box but on the desktop version, there is a large gap between the bottom of the Feature Box and the tag line. However, it looks fine on mobile devices (well on my iPad and iPhone it does).
On my home page, I have to add a top margin of 90 or else it gets buried under my navigation menu.
Another issue I have is on the desktop version, because of the white space, I run the risk of no one scrolling down (hey, it could happen) because there is nothing there.
On my iPad, for example, this home template Feature Box has a top margin of 85, Looks good (to me) on the desktop but on my iPad, there is more space. However, on the iPad, there is less space between the Feature Box and tag line.
How would I make this look good on both the desktop version and mobile devices?
PS - I have a mini Feature Box on my non-home pages.
Thank you.
http://markstruczewski.com/Mark Struczewski
https://markstruczewski.comHi Mark,
You can decrease that space by adding:
.home .site-inner {
margin: 0 0 40px;
}If you have this on more than just the home page, you can also use the page ID of any other pages it's affecting like this:
.home .site-inner,
.page-id-2 .site-inner {
margin: 0 0 40px;
}Hope this helps!
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.