Topic: Responsive h1 issues « SeaTheme

This topic has 3 replies, 2 voices, and was last updated 8 years, 10 months ago by SeaTheme.

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

Author

Posts
August 4, 2017 at 5:56 pm #13318

AmyD
Participant

Purchased
Expired

Hi, I am having a great deal of trouble getting my text logo (not an image) and navigation responsive code to work. What code do I use to get the H1 and the menu’s font size to decrease at screen sizes less than 767? Right now on smaller screens the H1 text stays large and gets pushed out of the top header bar altogether.

Here is what I currently have in the custom css for the H1 but it doesn’t work….

@media (max-width: 767px){
.responsive-ux h1 { font-size: 26px; font-size: 1.8rem; line-height: 1;
letter-spacing: 1px;
}
}

WordPress Customization Service from $49 Only! Save your expensive time!

August 6, 2017 at 3:05 am #13319
SeaTheme
Keymaster

Purchased
Expired
Hi, please try to use the custom css, use max-width 480px also.
```
@media (max-width: 767px) {
.responsive-ux h1.logo-h1 {
    font-size: 28px; 
}
.navi-trigger-text, #navi-header a, .header-bar-social .socialmeida-a {
    font-size: 18px;
}
}
@media (max-width: 480px) {
.responsive-ux h1.logo-h1 {
    font-size: 28px; 
}
.navi-trigger-text, #navi-header a, .header-bar-social .socialmeida-a {
    font-size: 18px;
}
}
```
if still doesn’t work, leave your page url please

Regards!
WordPress Customization Service from $49 Only! Save your expensive time!

August 9, 2017 at 12:28 am #13330

AmyD
Participant

Purchased
Expired

This reply has been marked as private.

WordPress Customization Service from $49 Only! Save your expensive time!

August 9, 2017 at 7:16 am #13333

SeaTheme
Keymaster

Purchased
Expired

please send your wp-admin(url/user/pass) via
my profile contact form , I’ll log in to check it.

WordPress Customization Service from $49 Only! Save your expensive time!
Author

Posts

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

You must be logged in to reply to this topic.