-
Posts
-
See attached banner bar. How can I create this exact banner that is slim, has 3 sections and looks good on mobile view.
If there is a Debug code I can copy/paste or whatever is easiest.
Thanks!
I tried to make a banner myself on the home page, called “GET THE RIGHT SIZE”, but it looks horrible on Mobile view and not centered on desktop. see screenshots
Please help, thanks
Hi,
When I check your “GET THE RIGHT SIZE” section it looks “OK” to me, you have text and a button, perhaps you wish to remove the padding?
Perhaps a mockup of what you want to see would help.Best regards,
MikeI did send you a screen shot of what I want my banner to look like. I put it in the private section again. See how theirs looks centered and nice on both Desktop and Mobile? Mine looks horrible on both, not centered and very strange on mobile view.
Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field for desktop:#top.home #av_section_3 .av-special-heading { padding-bottom: 0; }Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
I’m not sure what you expect to see for the mobile view.Best regards,
MikeThat good for desktop but mobile needs help. See how theirs has the title then the other text is to the left and button on the right? This is more compact and saves space, compared to ours that is just stacked.
Hi,
If you want this to work on every page you will need to add a custom class to the element, otherwise the css could affect other elements.
Please try creating a staging site with placeholder images so we can be of more assistance.Best regards,
Mike
- You must be logged in to reply to this topic.