Support ForumMobile Menu button overlaps page titles – Support Forum

Mobile Menu button overlaps page titles

jaley — Mon, 08 Sep 2014 13:48:06 +0000

Hi Guys,

Great theme. I’m having some annoyances on the mobile version of my site. I’ve been able to use some custom CSS to tackle most of these issues, but one is still stumping me.

Is there a way to move the mobile menu icon to the left or right, rather than in the middle? The problem is, when it’s in the middle, it overlaps my H1 headings. I did reduce the size of those headings, using the CSS you suggested, and that worked great. But a few of those H1’s are a little lengthy, and it still overlaps the menu. Any ideas?

Thanks – great work on this!

Reply To: Mobile Menu button overlaps page titles

IshYoBoy - Peter — Mon, 08 Sep 2014 18:41:45 +0000

Hi jaley,

thank you ;) We are really giving our best to make our themes.

Now to that headline. You can move it to left/right on specific width easily with media query. If I get your need right, then please try this snippet. Add it into custom CSS field as you did before:

Edit: Please ignore the code below and see the next answer.

@media (max-width: 600px) {
  h1, h2, h3 {
    float: left;
  }
}

@media (max-width: 600px) {

h1, h2, h3 {

float: left;

}

< You can adjust the max-width of where this rule will be applied. Also remove headlines those you don't need. If you wish to target only h1, then just keep that one. Let us know if you were able to do it, or if you need further assistance. Thanks, bye ;) --- If you are happy with our theme and support please rate us in your Downloads Section on ThemeForest. A 5 star rating is always a great motivation for us!

Reply To: Mobile Menu button overlaps page titles

jaley — Mon, 08 Sep 2014 19:21:25 +0000

This reply has been marked as private.

Reply To: Mobile Menu button overlaps page titles

IshYoBoy — Tue, 09 Sep 2014 09:01:08 +0000

Hey Jaley,

Thank for the link. We now understand the problem so please ignore the above code as it was irrelevant for this problem.

The problem is caused by the manipulation of the logo size using custom CSS. Now you need to manually re-size the header as well as the logo in this size does not fit the header.

@media all and ( max-width: 480px ) {
	.ish-part_header .ish-row_inner { 
		height: auto; 
	}
}

@media all and ( max-width: 480px ) {

.ish-part_header .ish-row_inner {

height: auto;

}

If it is not working try adding !important to it. Hope this solves it now.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Mobile Menu button overlaps page titles

jaley — Tue, 09 Sep 2014 13:23:07 +0000

This reply has been marked as private.

Reply To: Mobile Menu button overlaps page titles

IshYoBoy - Peter — Wed, 10 Sep 2014 07:14:01 +0000

Hi Jaley,

thank you very much for 5stars ;) We are always happy to help. And sorry for the first misleading information.

Have a great day!

---
If you are happy with our theme and support please rate us in your Downloads Section on ThemeForest. A 5 star rating is always a great motivation for us!

Reply To: Mobile Menu button overlaps page titles

jaley — Wed, 10 Sep 2014 22:17:58 +0000

This reply has been marked as private.

Reply To: Mobile Menu button overlaps page titles

IshYoBoy - Peter — Thu, 11 Sep 2014 11:19:44 +0000

We are happy to see that ;)

Thank you again. Bye

---
If you are happy with our theme and support please rate us in your Downloads Section on ThemeForest. A 5 star rating is always a great motivation for us!