Tagged: 

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • June 10, 2023 at 11:12 am #1410126
    sitibus

    Hi, in my cybran.it i can’t have bigger logo as you can see.
    It’s dimension is actually 1500×130 but when i set as logo in real dimension I see it reduced, can you help in fixing the issue?

    Other things:
    is it possibile to hide the little header above the logo only in desktop devices?

    Tks Gianluca

    June 11, 2023 at 11:12 am #1410212
    Rikard

    Hey Gianluca,

    You would likely have to make other adjustments to the header in order to make the image fit in that format. Maybe you could try setting it as a background instead? You can do so under Enfold->General Styling->Logo area.

    Best regards,
    Rikard

    June 11, 2023 at 11:33 am #1410215
    sitibus

    Ok but now I have to hide the logo, i tried with a blank image 1x1px but I’ve a strange vertical line.
    And would like to hide the little header above the logo (with mail and phone) only in bigger devices can you help me please?

    June 11, 2023 at 5:56 pm #1410259
    Guenni007

    the setting of the header_bg background is a bit strange. I would not do it this way via Enfold Options – but via quick css:

    @media only screen and (min-width: 768px) {
  #top .container.av-logo-container {
    max-width: 100% !important;
    /***  height: 120px !important;  ***/
  }
	.header_color .header_bg {
	  background: #fff url(//www.cybran.it/wp-content/uploads/2023/06/banner-top-ia.png);
	  background-size: contain;
	  background-repeat: no-repeat;
	  background-position: center center;
	}
}

@media only screen and (max-width: 767px) {
	.logo img { 
		opacity: 0; 
	}
	.logo a { 
		background-image: url(//www.cybran.it/wp-content/uploads/2023/06/Logo-master.png); 
		background-repeat: no-repeat; 
		background-size: contain; 
	}
}
    June 11, 2023 at 7:59 pm #1410276
    sitibus

    Now I did it as you told me but the result is the same: I’ve a strange vertical line after the mobile number.

    And I would like to the hide definitely the little header aboce the logo in devices with min-width: 768px could you please help me?

    June 11, 2023 at 9:40 pm #1410282
    Mike

    Hi,
    The strange vertical line after the mobile number is in the background image, see the direct link to the image below.

    Best regards,
    Mike

    June 11, 2023 at 9:55 pm #1410283
    sitibus

    Oh I’m sorry you’re right.
    Can you help me with the second issue?
    Want to hide the little header in devices with min-width: 768px could you please help me?

    June 11, 2023 at 10:11 pm #1410286
    Mike

    Hi,
    To hide the topbar on devices smaller than 767px, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
#header_meta {
	display: none;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    June 11, 2023 at 10:36 pm #1410288
    sitibus

    Sorry Mike but I would like the inverse: I want to hide in device bigger than 768:

    So I tried this
    @media only screen and (min-width: 768px) {
    #header_meta {
    display: none;
    }
    }
    and it works but the main menu slide upward and I have a awful white stripe between the menu itself and the first image as you can see.
    Please help me :-)

    June 11, 2023 at 10:41 pm #1410290
    Mike

    Hi,
    Try adding this css:

    @media only screen and (min-width: 768px) { 
.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
    padding-top: 140px;
}
}

    Best regards,
    Mike

    June 11, 2023 at 10:44 pm #1410291
    sitibus

    Ok tks.
    Now teh white stripe between the menu itself and the first image is nota visible anymore but the image is note centered in the space as it was before, it seems that the low margin is smallest than the top margin.
    Please :-)

    June 11, 2023 at 10:59 pm #1410292
    Mike

    Hi,
    I don’t see a issue with the image, but you can adjust the css 140px to suit your needs.
    The only other idea I have is to just make the topbar content hidden and leave the space white. If you want to do this remove the css that I gave you above show it shows again.

    Best regards,
    Mike

    June 11, 2023 at 11:33 pm #1410294
    sitibus

    But the problem is not the image under the menu,
    the problem is that the image that I use for log as top and down margin from the text “Ildebrando Aldrovandi email mobile…” as you can see it’s not centered vertically

    June 12, 2023 at 12:49 am #1410295
    Mike

    Hi,
    Thanks for the feedback, try adding this css also:

    @media only screen and (min-width: 768px) {
#header.header_color .header_bg {
    background-position-y: -18px;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    June 12, 2023 at 6:59 am #1410305
    sitibus

    Thanks now it’s perfect.
    Fully satisfied of the support as usual

    June 12, 2023 at 11:14 am #1410324
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘custom header’ is closed to new replies.