StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Reduce header height

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Reduce header height

This topic is: not resolved
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 27, 2020 at 10:21 am #496996
    kamalhasa
    Participant

    Hello,

    I have Eleven40 pro theme installed on my site.

    I want to know how to reduce the header (banner) size. I have noticed that (please refer screenshot) the option to expand and show menu links is taking up space.

    I would want to know if I can move that feature next to the banner and not underneath it. Thereby saving some space.

    Thank you.

    https://dailytechie.com/
    February 27, 2020 at 10:32 am #496997
    kamalhasa
    Participant

    Make into something like this:

    Example

    March 4, 2020 at 2:59 am #497115
    kamalhasa
    Participant

    Hi, can anyone please help do this.

    March 4, 2020 at 3:11 am #497116
    kamalhasa
    Participant

    I just learnt that it called as hamburger menu. So I need help to move that next to logo. So as to reduce the space taken by it. I want to show more content by doing this above fold. Can anyone please help me achieve this. Thank you.

    March 4, 2020 at 3:49 am #497117
    kamalhasa
    Participant

    Sorry for commenting too many times.

    I have been able to understand this a little bit more now.

    I have found this in css:

    .responsive-menu-icon::before {
	color: #fff;
	content: "\f333";
	font: normal 24px/1 'dashicons';
	margin: 0 auto;

    What do I do to send the dashicon (hamburger f333) in the same line as the logo? Instead of it being under the logo which is taking some space.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.