Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 16, 2017 at 1:19 pm #734012
    Merilla

    Hi!
    I would like to align the phone info with the logo, below the main menu. I have tried the code below, but then the menu didn´t work properly.

    Thanks for your help.

    div#header_meta {
    top: 105px;
    }

    January 16, 2017 at 2:29 pm #734041
    Yigit

    Hey Merilla,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .phone-info {
    position: relative;
    top: 30px;
}

    Best regards,
    Yigit

    January 16, 2017 at 3:19 pm #734091
    Merilla

    Hello!
    When I add this code the menus don’t work anymore and the site doesn’t look good on a mobile. What can I do to change this?

    Thanks.
    Marianne

    January 16, 2017 at 4:04 pm #734125
    Merilla

    Sorry, I would like to clarify my question further. I wish to place the phone-info under the menulinks, in line with the baseline of the logo. Is that possible without destroying the function of the menu?

    January 16, 2017 at 4:07 pm #734130
    Yigit

    Hi!

    Can you please post a screenshot and show the changes you would like to make? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Regards,
    Yigit

    January 16, 2017 at 4:35 pm #734171
    Merilla

    Hi!
    I have posted an image with the header including logo, menu and a small text below the menu.
    See link below.

    Thanks!
    Marianne

    January 16, 2017 at 7:25 pm #734313
    Merilla

    Hello again!

    I have partly solved the problem by applying a background image to the header, as you can see when you visit the site. Can you help me with the code to align the logo with the background-image?

    I would also like to change the background-image on the mobile so that it is placed under the logo with some padding above and below.

    Thanks!
    Marianne

    January 18, 2017 at 8:46 am #735189
    Ismael

    Hi,

    Can you help me with the code to align the logo with the background-image?

    1.) Please use this css code to adjust the top position of the logo image.

    .logo img {
    top: 15px;
}

    I would also like to change the background-image on the mobile so that it is placed under the logo with some padding above and below.

    2.) Could you please provide a screenshot of the layout that you have in mind? Please use imgur or dropbox for the screenshot.

    Best regards,
    Ismael

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