Home › Forums › Arnold WordPress Theme › SVG-Logo disappears @ Mobile viewport width
- This topic has 9 replies, 2 voices, and was last updated 7 years, 8 months ago by
SeaTheme.
-
AuthorPosts
-
September 7, 2018 at 12:28 pm #16329
i implemented a header-logo in an svg file format by installing the SVG Support Widget and uploading the file within the Theme Options/General Settings menu. On desktop the logo is visible and looking good. Unfortunately, at a certain page width, the logo disappears which causes the header on a mobile device to not show the logo. essentially, there’s enough width-space for the logo – so: where’s the problem here?
link: http://www.iswo-metall.de
thanks for the help in advance.
regards, benjamin
September 7, 2018 at 1:05 pm #16332Hi,
Please paste the custom css code to “Appearance > Customize : Additional CSS”:
@media (max-width: 480px) { .responsive-ux #logo img { width: 120px; } } @media (max-width: 767px) { .responsive-ux .logo-image { width: 120px; } }Regards!
Bwsm – uiueux.com – Twitter – FacebookSeptember 8, 2018 at 9:44 am #16346Hey! Thanks for the quick help. That worked out well. Another problem I have is, although i didn’t set it up that way, that on the landing page (home) the header is sticking to the top but missing the black background which is set and working on any other page of the site (www.iswo-metall.de)
regards
September 8, 2018 at 1:32 pm #16349Hi, welcome
Please edit the homepage, make sure “Content From Page Top” is off.
September 8, 2018 at 3:20 pm #16355Hey, thanks again for the quick answer. one last troubleshoot i guess: if i place a half-background image (see http://www.iswo-metall.de homepage) within the settings of a fullwidth wrap the text to the image’s right is visible on desktop but gets lost on mobile. seems it is ‘stuffed’ into an out-of-view area under the image.
regards
September 9, 2018 at 7:01 am #16360September 9, 2018 at 10:42 am #16364hi, unfortunately it still doesn’t work. the text underneath the image is still cut in mobile viewports
September 9, 2018 at 1:01 pm #16365Please add the custom CSS
@media (max-width: 768px) and (orientation: portrait) { .fullscreen-wrap.fullwidth-wrap.fullwidth-half { height:auto!important; } }September 11, 2018 at 8:49 am #16377Hey!
Although working on other pages, on this particular page: http://www.iswo-metall.de/philosophie/ the image-background (half) configuration doesn’t seem to be working, it’s not only half of the horizontal viewport but also half of the vertical (compare to http://www.iswo-metall.de/jobs/ , where it is working fine)
September 12, 2018 at 1:47 am #16388Hi,
I don’t understand your question:
… it’s not only half of the horizontal viewport but also half of the vertical …
Could you give more tips? This question is about on mobile?
-
AuthorPosts
- You must be logged in to reply to this topic.
