- This topic has 4 replies, 3 voices, and was last updated 3 years, 11 months ago by .
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- The topic ‘Offer Bar on Mobile’ is closed to new replies.
Is it possible to make all or any of the offer bar items appear on mobile view?
If not, is it possible to put a button under the menu/logo on the mobile view?
To make the offer bar widget area appear on mobile, add either of these snippets of CSS to Customize > Additional CSS
To display all on one line similar to how it appears on desktop, use this:
@media (max-width:768px) {
#site-usp,
#site-usp .container {
display: flex;
}
}
or to display each item on separate lines, use this:
@media (max-width:768px) {
#site-usp,
#site-usp .container {
display: block;
}
}
That Worked. Another related Question:
Can I move the Offer bar to the bottom of the header image (not center) for desktop and mobile?
Inspecting the format, it looks like that wont be possible, but if I am wrong, Let me know
That won’t be possible without changing the theme’s template files to remove the offers bar from the masthead and put it into the header image section.