-
Posts
-
hallo. ich habe ein logo dass nach links auslaufen soll. im screenshot habe ich angezeit was ich meine. wie kann ich das logo an die richtige stelle bekommen und trotzdem links davon die orange linie bis zum browserrand laufen haben? habt ihr einen lösungsvorschlag wie ich das hinekomme?
danke und gute nacht, lg aus dem wienerwald, alexander
Hi diefleischerei!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (min-width: 1140px) { strong.logo { left: -52%; }} @media only screen and (max-width: 1139px) and (min-width: 990px) { strong.logo { left: -59%; }} @media only screen and (max-width: 989px) and (min-width: 769px) { strong.logo { left: -79%; }}Then, Please go to Enfold theme options > Header Layout > Mobile Menu > Header Mobile Menu activation and choose 990px.
Regards,
Yigitthank you. works well so far. but the logo run to the left side of the website it you scroll down… ;(
Hi!
Please add following code to Quick CSS as well
@media only screen and (max-width: 1140px) { .header-scrolled strong.logo { left: -22%; }}
@sadephoi Please go to Enfold theme options > Header Layout and choose custom pixel value for size and increase the height of headerRegards,
YigitHi, i have done this but now its totally wrong ;( pixel value for size = custom 110px
the logo position is not correct befor and while scrolling down ;(
Hey!
Can you try uploading your logo without line ( as shown on the first image here – http://imgur.com/a/bReFl ) and then upload only line in Media > Library separately and let us know? I would like to try something else
Best regards,
YigitHey!
Please remove the code i posted here – https://kriesi.at/support/topic/logo-position-4/#post-326596
Can you post the link to your ‘line image’? I cannot login to backend for some reasonRegards,
YigitHi!
Please review your website now. You may need to re-create the lined background image and move the line up a little. It should work fine then
Best regards,
YigitOk thanks. i try this https://www.sendspace.com/file/un182e
Great work. Thanks!
http://www.weinkellerei-woeber.at/weinkellerei/wp-content/uploads/2014/10/logo_linie.jpg
Here is the image. Help :) THX.
Hi!
In enfold_child.css line 61, the image
srcis wrong. Please change to ‘http://www.weinkellerei-woeber.at/weinkellerei/wp-content/uploads/2014/10/logo_linie.jpg’This will create an issue with the line when scrolling and viewing on different devices though. In my professional opinion, you would be better off adding an extra absolutely positioned div to the header with a top border(color of line), cutting through the logo and implementing javascript to move it while scrolling and using media queries for different screen sizes.
Unfortunately, the solution would take a considerable amount of time to implement and is not covered within the scope of our basic theme support.
You can try hiring a developer for more in-depth customisation. We recommend http://studio.envato.com/ or https://www.elto.com/
Best regards,
ArvishHey!
I believe the image might have been deleted or moved.
Add this to your custom.css or Quick CSS to show the line:
div#header_main { background-image: url(https://www.weinkellerei-woeber.at/weinkellerei/wp-content/uploads/2014/10/logo_linie.jpg); }Alternative find enfold_child.css in your active theme directory and change the image path at line 61.
Best regards,
ArvishThank you Arvish. It works perfect at the startscreen. But while scrolling down it don`t looks good. Look at the screenshots.
1) OK
2) Scrolling down.Hey!
Please turn off shrinking header in Enfold theme options > Header > Header Behaviour
Cheers!
Yigit
- The topic ‘logo position’ is closed to new replies.