Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 24, 2019 at 12:07 am #1057976
    bemodesign

    Is there a CSS quick code for this? If not, can I get the instructions?

    January 25, 2019 at 7:24 am #1058495
    Vinay

    Hey bemodesign,

    Please follow the steps provided in the documentation and add your address in the widget area instead of the buttons as showin the example.

    Please make sure you get the correct header settings as mentioned in the docs “Logo left, Menu right” for the code to work :)

    Best regards,
    Vinay

    January 30, 2019 at 7:58 am #1060361
    bemodesign
    This reply has been marked as private.
    January 30, 2019 at 6:03 pm #1060576
    Vinay

    Hi,

    Thank you for sharing the credentials. I checked your site but couldn’t find the header widget code in functions.php file?

    1. Please create a header widget area.
    2. Change the header settings
    3. Use the CSS code for the example

    Let us know if you have any issue.

    Best regards,
    Vinay

    February 1, 2019 at 11:58 pm #1061785
    bemodesign

    I have done all this but I must be missing something. Can you check again please? Thanks for your help

    February 4, 2019 at 9:03 pm #1062852
    Victoria

    Hi bemodesign,

    Where do you want the text to show up? Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    February 5, 2019 at 11:18 pm #1063400
    bemodesign

    I want the Address on the right side, opposite of the logo that should be on the left. Then the menu centered below. Something like this site: http://stjoanofarc.com/

    February 7, 2019 at 6:00 pm #1064224
    bemodesign

    Can you take a look and let me know what I did wrong? Thank you!

    February 7, 2019 at 11:09 pm #1064340
    Victoria

    Hi bemodesign,

    The website is loading really slow on my end. Please set the menu to “Logo left, menu below”
    Image 2019-02-07 at 23.08.16.png

    Add this code to your Quick css and let us check further.

    
#text-7 {
  width: 30vw;
  float: right;
}

    Best regards,
    Victoria

    February 7, 2019 at 11:31 pm #1064347
    bemodesign

    This has been added. Please review and let me know. thanks

    February 8, 2019 at 3:36 pm #1064597
    Victoria

    Hi bemodesign,

    Thank you, please remove the code I gave you before and use the code below.

    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: 1024px) {
  #text-7 {
    width: 30vw;
    float: right;
    margin-bottom: -120px;
    padding: 0;
  }
  .header-scrolled  #text-7 p {
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #text-7 {
    display: none;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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