Health Guide / S5 Menu Wrap

webcentric

Hello,

I am trying to increase the height of the s5 menu wrap so I can add in subtext under the menu titles. I also want to decrease the height of s5 search top bar. I have attached a screen shot. Ive tried using the inspect tool but I cannot find padding for this.

![expand](
https://) one and decrease the other.

dominic

Hi webcentric,
Could you send me the admin account for further checking?

webcentric

This message is visible to Moderators only

hidden content

dominic

Hi webcentric,
I think you forgot provide the site URL, give me your site, I will help you resolve this issue.

webcentric

This message is visible to Moderators only

hidden content

dominic

Hi webcentric,
I have added the following CSS code to the /templates/health_guide/css/custom.css file:

/*improve logo on mobile*/
.s5_responsive_mobile_present #s5_logo_wrap {
    padding: 20px 0;
}


/*Expand header on desktop*/
#s5_logo_wrap {
  padding: 30px 0
}

@media (min-width: 1075px) {
  #s5_menu_inner {
      margin-top: 0;
      padding: 30px 0;
  }
}

/*Decrease Call us today - search icon*/
#s5_search_wrap {
  line-height: 30px;
}

#s5_search_top_bar_inner {
    padding-top: 10px;
    padding-bottom: 10px;
}

webcentric

Thank you.

Would you please look in to expanding the padding around the highlighted blue area on the main menu so that the subtext can be seen clearly. I have attached a screenshot of the issue. Also looks like the main menu is cut off when scrolling down the page. Screen shot attached for that as well.

Thank you,

Thank you.

dominic

Hi webcentric,
I have added the following CSS code to your site:

#s5_nav li.has-subtext .S5_parent_subtext {
  color: #333 !important;
}

#s5_nav li.has-subtext.mainMenuParentBtnFocused .S5_parent_subtext {
  color: #fff !important;
}

#s5_nav li.active.has-subtext .S5_parent_subtext {
    color: #fff !important;
}

/*fix menu sticky*/

#s5_menu_wrap.s5_wrap #s5_menu_inner, #s5_menu_wrap.s5_wrap_fmfullwidth #s5_menu_inner {
  margin-top: 0;
}

#s5_menu_wrap.s5_wrap #s5_logo_wrap, #s5_menu_wrap.s5_wrap_fmfullwidth #s5_logo_wrap {
  margin-top: 0;
}

#s5_menu_wrap.s5_wrap #s5_menu_wrap2, #s5_menu_wrap.s5_wrap_fmfullwidth #s5_menu_wrap2 {
    height: 120px!important;
}

Also, I have updated the following code in the /templates/health_guide/vertex/s5flex_menu/helpers.php line 546:

if ($S5_subtext != "") {
      $has_subtext = "has-subtext";
} else {
      $has_subtext = "";
}

$display .= "<li   class='" . $class_active . " ". $has_subtext ." " . $pitem->anchor_css . "' ><span class='s5_level1_span1'><span class='s5_level1_span2'>$image" . $link_format . $parent_subtext_flex . "</span></span>";

webcentric

Thank you!