- This topic has 11 replies, 2 voices, and was last updated 4 years, 2 months ago by Leo.
-
AuthorPosts
-
February 12, 2020 at 2:46 pm #1163494Milos
Hi there.
I applied successfully a different image to the background for mobile using the simple CSS with your code from another thread by my Home page and my Γber mich (About) page with Merged Site Header. Unfortunately I could not adapt this code for Global Page Header on my Blog page and so I can not use a different image for mobile there. Could you give me an advice please?By the background images for mobile I lost the origin color for Header Title H1 and H2 #71535c brown. How can I get them back?
Thanks.
February 12, 2020 at 2:53 pm #1163504LeoStaffCustomer SupportHi there,
Any chance you can link us to the site in question?
You can edit the original topic and use the private URL field.
Let me know π
February 14, 2020 at 10:20 am #1165591MilosHi there,
I already sent you a link to my website two days ago..
February 14, 2020 at 4:29 pm #1165766LeoStaffCustomer SupportSorry we don’t get a notification when a link is added. Please comment here again next time when it’s added π
The CSS you are using should work for every page.
How are you adding it?
February 15, 2020 at 5:04 am #1166057MilosI see..I will do that next time π
I added in Elements/Global page header/Element Classes field “mobile-hero image” and then I copied your CSS code in Sites/Blog/Simple CSS metabox down with my image url inside:
`@media (max-width: 768px) {
.mobile-hero-image {
background-image: url(‘full_url_to_the_mobile_image’) !important;
}
}February 15, 2020 at 8:21 am #1166309LeoStaffCustomer SupportInstead of adding that CSS in the simple CSS metabox, try adding it in the global simple CSS editor in the dashboard so it will apply to every page.
Let me know π
February 15, 2020 at 9:06 am #1166349MilosYes that works. But I would like to use an another picture for the blog and I will lost the possibility to do that when I add that CSS in the global simple CSS instead in the simple CSS metabox..
February 15, 2020 at 9:49 am #1166391LeoStaffCustomer SupportTry this CSS in the global simple CSS editor (as the metabox doesn’t work on blog page):
@media (max-width: 768px) { body.blog .page-hero.mobile-hero-image { background-image: url(https://BLOG-MOBILE-BACKGROUND-IMAGE; } }
February 15, 2020 at 11:29 am #1166447MilosAfter I completed your CSS code with close bracket behind the image URL it works fine π
Thank you so much!I still have the problem with the title color by all mobile background images..as I wrote few days ago:By the background images for mobile I lost the origin color for Header Title H1 and H2 #71535c brown. How can I get them back?
February 15, 2020 at 2:16 pm #1166527LeoStaffCustomer SupportI’m not seeing a topic for the other question.
Can you open one if you haven’t already done so?
I’ll mark this one as resolved.
Thanks π
February 15, 2020 at 2:41 pm #1166530MilosThanks π
February 15, 2020 at 4:28 pm #1166574LeoStaffCustomer SupportNo problem π
-
AuthorPosts
- You must be logged in to reply to this topic.