Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 22, 2020 at 11:28 pm #1255108
    October 23, 2020 at 12:17 am #1255111
    Monique

    So I figured out a couple things since my request. I added the header widget, did some css. The only thing noe is it will not vertical align middle with the logo. Can’t seem to figured that out. Adding padding did not help.

    Thanks for any help!

    October 24, 2020 at 6:36 am #1255385
    Rikard

    Hi,

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

    #text-2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
}

    You might need to adjust the header height in the theme options after adding that CSS.

    Best regards,
    Rikard

    October 26, 2020 at 5:40 am #1255609
    Monique

    Thanks Rikard.

    One more question, how do I get the phone number to clear properly on mobile? I tried this code:

    @media only screen and (max-width: 767px) {
    .responsive .logo img {
    max-width: 50%;
    }

    But it change the look of the desktop main nav including the background color, font size, etc. Kind of strange. I guess it has something to do with functions code?

    October 26, 2020 at 11:02 pm #1255890
    Victoria

    Hi Monique,

    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 (max-width: 767px) {
    .responsive .logo img {
        width: 58%;
    }
    #text-2 {
        top: -35px;
    }
     #text-2 p {
        font-size: 20px;
    }
}
@media only screen and (max-width: 479px) {
      #text-2 {
        display: none;
    }    .responsive .logo img {
        width: 90%;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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