Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 25, 2018 at 1:26 am #977263
    rosewoodva

    Hi there,

    I would like the logo and extra elements to be on the same line.

    Logo left, extra elements right. (Then menu below and to the right.).

    URL and admin credentials are in private content. Site is in “Coming Soon Mode” so please login to see it.

    Thanks!
    Deanna

    June 25, 2018 at 1:59 am #977277
    Ismael

    Hey Deanna,

    Thank you for using Enfold.

    Instead of using the Extra Elements, add a custom widget inside the logo/header container.

    More info here: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

    Best regards,
    Ismael

    June 25, 2018 at 2:30 am #977286
    rosewoodva

    Hi Ismael,

    Thanks for the quick response. I was looking into that, but that document does not have the layout I am looking for: the logo to the left, the header widget to the right. Then the menu below.

    I want it to resemble the layout of the old website: http://advancedtreecare.ca/

    Thanks,
    Deanna

    June 25, 2018 at 5:43 am #977316
    Ismael

    Hi,

    You have to set the “Header” > “Header Layout” > “Menu and Logo Position” to the 4th option if you want to place the menu below the logo and the header widget.

    Best regards,
    Ismael

    June 25, 2018 at 4:31 pm #977558
    rosewoodva

    Hi Ismael,

    I have changed the header layout to the 4th option. However, now you will see that the Widget area is directly above the logo on the left.

    I want logo and header widget on the same line, but with logo left and header widget right.

    Thanks!

    Deanna

    June 26, 2018 at 4:45 pm #978007
    Victoria

    Hi Deanna,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
 @media only screen and (min-width:768px){
     #text-7 {
        width: 40%;
        position: absolute;
        right: 15vw;
        top: 15px;
    }
 }

    If you need further assistance please let us know.

    Best regards,
    Victoria

    June 26, 2018 at 4:45 pm #978008
    Victoria

    Hi Deanna,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
 @media only screen and (min-width:768px){
     #text-7 {
        width: 40%;
        position: absolute;
        right: 15vw;
        top: 15px;
    }
 }

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.