-
-
Could you please help to adjust the background image so, that it suits for different monitor resolutions or so, that it is nice and fully visible and not a part is cut off or hidden.
Please, be careful, there are two background images active, one is for Desktop and the other one is for Mobile or Tablets, you just don’t see the bigger picture, which is for Desktop, because it hides, when the Page Builder Controls are not hidden. When you hide the Page Builder Controls, then on the you can see the bigger background image and can do adjustments.
I test the page over here: https://quirktools.com/screenfly/#u=http%3A//vertibusakta.lv&w=1920&h=1200&a=1
Mick
-
Hello Mick,
There are two problems to see the images uncut 1. The image need to be bigger or simply let the image smaller and try to add the background-size: container.
This image is too small :https://vertibusakta.lv/wp-content/uploads/2019/05/fonsNewFinal_w900.jpg this is the reason that you see it smaller.
Now i’m not if i understand what you really want to do. Please show me which image will be showed on Responsive and which on desktop. So i can do it for you or instruct you in the right way.
Let us know.
Regards!
-
This image is active for phones and tablets: https://vertibusakta.lv/wp-content/uploads/2019/05/fonsNewFinal_w900.jpg
This image is active for notebooks and desktops: https://vertibusakta.lv/wp-content/uploads/2019/05/fonsNewFinal_1300.jpg
I also have uploaded different width images, which can be used.
The problem is on bigger screens or screens with bigger pix dimensions like 1920 x 1080:
1) Logo is shifting to different position, if you compare the front page and the other pages.
2) The background image should show more from the image bottom.
3) I can’t get the white “Izvelne” text near the Hamburger in that blue color, as the Hamburger. On the white pages it should be bluse, only on the front page it should be white.
Thank you!
Mick
-
Hello,
I checked and the mentioned images are indeed loading properly in mobile and desktop. Here is what i see:
Desktop: https://ibb.co/8bh82Dx
Mobile: https://ibb.co/8bh82Dx1-That happens because of the difference in position of the two types of headers. I fixed it by adding this css in your custom css box:
.header_container.header-bottom.boxed-style.menu_style-simple.menu-full-style.cl-transparent.cl-header-light { position: absolute !important; } .header_container.boxed-style { position: relative; }
2-Re-position the image to your wish by changing the background position in Row settings > Design > BACKGROUND IMAGE > Background Position.
-https://ibb.co/Tw4PS76 -> make the row full height. The background image will only show up to the end of the row.3-I added this css:
.header_container.header-bottom.boxed-style.menu_style-simple.menu-full-style .cl-text p:last-child { color: #273eaf !important; } .home .header_container.header-bottom.boxed-style.menu_style-simple.menu-full-style .cl-text p:last-child { color: white !important; }
Best regards!
-
Thank you, that’s great, but howto position links or menu for translations? We would like to have them here: https://ibb.co/dKff8JM
Mick
-
-
You must be logged in to reply to this topic.