View Replies (10)

Resolved position logo

  1. Issue
  1. Helix3
  2. Thursday, 27 February 2020
Hi,

how can I position the logo on the left site ( align left )?

This is the acutely URL https://gcs.anklamer-hof.de

And it should look like the picture here: Bildschirmfoto 2020-02-27 um 11.35.11.png
Attachments (1)
Bildschirmfoto 2020-02-27 um 11.35.11.png Bildschirmfoto 2020-02-27 um 11.35.11.png
Accepted Answer
Hi,
Use this custom css


.logo {

    position: relative;

    top: 23px;

    right: 60px;

}

@media only screen and (max-width:1300px){



.logo {

    position: relative;

    top: 23px;

    right: 0px;

}

}

.logo-image {

    height: 100px;

    width: 100%;

}

Add this css code inside the custom.css file.
Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn
In Extensions>Template> Template Options > Custom Code > Custom CSS please add this
Thanks
  1. more than a month ago
  2. Helix3
  3. # Permalink
Responses (10)
Thanks. It works fine. But the logo is still so upset. It should actually be a little wider. How can I still define that?
  1. more than a month ago
  2. Helix3
  3. # 1
Hi,
Please check my previous answer. I updated the answer
  1. more than a month ago
  2. Helix3
  3. # 2
Thanks. Next question. If I use the predefined header the header gets smaller while scrolling ( height + logo ), how can I do that with the layout Builder?
  1. more than a month ago
  2. Helix3
  3. # 3
You may follow this tutorial
https://www.youtube.com/watch?v=bYPgWAWzXpM&t=6s
  1. more than a month ago
  2. Helix3
  3. # 4
Can I narrow the header when I start scrolling? incl. Logo? I don't find this explanation in the video.
  1. more than a month ago
  2. Helix3
  3. # 5
Hi,
yes you can do this by using custom CSS
  1. more than a month ago
  2. Helix3
  3. # 6
OK, so I don't get this help here? ;)
  1. more than a month ago
  2. Helix3
  3. # 7
Hi,
For this, you have to create a new thread and post this issue with the screenshot of your problem and also give the site URL so that our technical staff can check and solve it
Thanks
  1. more than a month ago
  2. Helix3
  3. # 8
Thanks, That's how I'm gonna do it.
  1. more than a month ago
  2. Helix3
  3. # 9


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.

Please publish modules in sidebar position.