Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 4, 2017 at 3:58 pm #729473
    honestgraphics

    header image won’t align to right to line up with right edge of top menu, second menu, and trending news ticker. can anyone advise if there is anything i can do in enfold to help it align right? Thanks, Jeannie

    January 5, 2017 at 6:40 am #729741
    Rikard

    Hey honestgraphics,

    Please try the following in Quick CSS under Enfold->General Styling:

    div .logo {
    left: auto;
    right: 0;
}

    Best regards,
    Rikard

    January 5, 2017 at 7:07 am #729748
    honestgraphics

    Rikard – I tried that but it put the logo on the right side of the header….. the logo was fine where it was and we wanted it to stay there….. the image we are trying to get to stay left aligned is the header widget…… that currently has lifestyle furniture image in it… Thanks, Jeannie

    January 5, 2017 at 7:09 am #729751
    honestgraphics

    The name of the widget with the header ad (lifestyle furniture image) is “header”…

    January 5, 2017 at 3:39 pm #729897
    Rikard

    Hi,

    I’m sorry but I can’t find anything like that on your test page or on the live site, could you post a screenshot of what you are looking to change please?

    Best regards,
    Rikard

    January 5, 2017 at 8:48 pm #730063
    honestgraphics

    null

    the above image is what i was asking help to do in this support thread.

    the code you told me to put into the general styling section of enfold in my back end editor … did not change the alignment of the header widget. it caused my logo to right align however, which we did not want to happen. we wanted our logo to stay in its current position as seen in the picture above…

    does this help?

    I will try to put up a screen shot of what the code caused the header area to do… (wrongly move the logo, and not move the header widget) asap

    January 5, 2017 at 8:49 pm #730064
    honestgraphics

    also – in the image i included above…. i drew blue lines to the left of the logo and the right of the header widget… so you could see how we want them both to align. i also highlighted the header widget… so you could see how poorly it is aligned now.

    January 6, 2017 at 7:23 am #730208
    Rikard

    Hi,

    Thanks for that, I didn’t realise that you had an ad in the widget so I didn’t see it since my ad-blocker was hiding it. Please try this in Quick CSS:

    #text-53 {
    padding-right: 0 !important;
}

    Best regards,
    Rikard

    January 6, 2017 at 11:11 pm #730566
    honestgraphics

    Rikard – Hi. That seemed to work on my monitor but then I tested it on different screen sizes. I have a larger monitor…. 27 inch..

    http://quirktools.com/screenfly/#u=http%3A//test.wizs.com&w=1680&h=1050&a=1&s=1

    The link above shows the site on a 22 inch desktop monitor. Use the menu at the top to choose lower and higher desktop menus and you will see what I am talking about.

    Anything below a 22 inch monitor is still not displaying the widget in the right location…

    If you look at the widget when you have chosen a desktop monitor over 22 inches… like say 23 inches…. then you will see the ad is in the right location …

    How can we fix this?

    Thanks,
    Jeannie

    January 9, 2017 at 11:22 am #731060
    Andy

    Hi,

    in this case you need to work with media queries, which you wrap around the code you want to use. Something like this for example:

    @media only screen and (min-width: 1600px) {
#text-53 {
right: -20px;
}}

    For more information about media queries refer to:

    Media Queries for Standard Devices

    Best regards,
    Andy

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