Hi!
I have an issue with the menu and logo on the iPad. My logo is the recommended size, but does not shrink (responsive) on the iPad in portrait mode; you can see a screen shot here: http://www.mosfoundation.org/?attachment_id=6671 or the page here: http://www.mosfoundation.org/donate/.
I do have this in the custom.css from a past question on here about the logo and an iconbox issues.
@media only screen and (min-width: 768px) and (max-width: 989px) {
/* Add your Tablet Styles here */
.iconbox_content{height: 360px}
.responsive .avia-promocontent{margin: 0;}
.responsive .av_promobox .avia-button, .responsive .av_promobox .avia-button-wrap{width:100%; margin-top:40px; position: relative; top:0; left:0; text-align: center; float:none;}
Thank you for your help,
Dave
Also, I have a problem with the two buttons not lining up. They are placed inside four 1/4 page columns, the buttons are in the two columns in the center. On the iPad they too are not lining up, but on other platforms they are working.
Again any help would be great!
Thanks,
Dave
Hey!
Thank you for using the theme!
1.) Please go to Enfold > Header > Mobile Menu > Header Mobile Menu activation. Choose the second option.
2.) Instead of using the 1/4 column, please use 2 1/2 columns. The theme have special css selectors that will modify the column layouts for mobile devices.
Cheers!
Ismael
Hi Ismael!
Thank you, that fixed both issues.
Have a great day!
Dave