Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1140130

    hello I have 3 questions/issues (details, logins, URLs in private)

    1) Header Widget Styling (see private)
    I would like to make phone icon, phone number and address (located in top right corner) as on this website (see private)

    2) Background Image Position (see private)
    I would like to make background image on this page to be positioned to the top and resized correctly

    3) Also how do i hide header widget on the mobile?

    Screenshot

    View post on imgur.com

    • This topic was modified 1 month ago by  onastvar.
    • This topic was modified 1 month ago by  onastvar.
    • This topic was modified 1 month ago by  onastvar.
    #1140410

    Hey onastvar,

    Thank you for contacting us.

    Please open different tickets for unrelated issues. It will avoid confusion.

    1. Add the below CSS to Enfold > General Styling > Quick CSS

    #header .textwidget strong {
    	font-size: 32px;
    	line-height: 1.5em;
    }
    
    #header .textwidget {
    	font-size: 12px;
    	line-height: 1.2em;
    }

    2. Please use a color section element and set a background image that suits your design style.

    3. To hide the header widget on the phone:

    @media only screen and (max-width: 480px) {
    #header .textwidget { display:none; }
    }

    Best regards,
    Vinay

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.