Skip to content
Public Ticket #13008

Mobile Related Questions

Conversation thread

Penci Design replied

Staff Reply

Hi,

Please  use custom css

.penci-header-mobile {
    height: 95px !important;
}
.penci-header-mobile {
    height: 95px !important;
}
.penci-header-mobile .site-branding {
    height: 95px !important;
}

Best Regards,

PenciDesign

jimbojames replied

Customer Reply

Hi, 

I'm looking for the height of the logo to be 85px, please. 

I've tried to modify the CSS but to no avail. 

Thanks

Penci Design replied

Staff Reply

Hi,

Please tell me height of logo you want  on mobile, i will check it help you

Best Regards,

PenciDesign

jimbojames replied

Customer Reply

Hi, 

Ive tried looking at this, please see attached: 

I've added the following CSS: 

/* header mobile*/
.penci-header-mobile .site-branding img {
    max-height: 96px;
}

.penci-header-mobile .penci-header-mobile_container {
    background-color: #ffffff;
    height: 150px;
}

Unfortuately, the banner is being caught by the navigation, I've tried adding clear:both on the code, and it's not working, is there anything you can suggest, please? 

Thanks

jimbojames replied

Customer Reply

Hi, 

Thank you for the CSS. I've added this and tried making the image bigger, please see attached. 

What CSS would I need to change the container please? 

Just so you know, to remove the transparent header on desktop, I've done the following:

header#masthead {
height:150px;
}

/* Header nav to accomdate the logo */
.site-header, .main-navigation > ul:not(.children) > li > a, .site-header.header--s7 .main-navigation > ul:not(.children) > li > a, .search-click, .penci-menuhbg-wapper, .header__social-media, .site-header.header--s7, .site-header.header--s1 .site-branding .site-title, .site-header.header--s7 .site-branding .site-title, .site-header.header--s10 .site-branding .site-title, .site-header.header--s5 .site-branding .site-title {
    line-height: 104px;
    min-height: 150px;

}

.site-header-wrapper.penci-trans-nav {
    /* background-color: white; */
    border-bottom-style: solid;
    border-bottom-color: white;
    border-bottom-width: thin;
    background: rgba(255,255,255, 0.3)
}

2/ I'm not clear about the issue, please  tell me about  the question

For question 2, I've made a lot of buttons in WP Bakery and I need to modify all the buttons indivudally to look the same. Surely, you can use CSS to change the buttons as well? 

Thanks

James 

Penci Design replied

Staff Reply

Hi,

1/ Please go to Customizer > Addtional CSS then add custom css to do that

.penci-header-mobile .site-branding img {
    max-height: 48px;
}

you can change height of  logo to 48px to any height  you want

2/ I'm not clear about the issue, please  tell me about  the question

3/  you can't change height of gallery

Best Regards,

PenciDesign

jimbojames started the conversation

Conversation Start

Hi,

Thank you for all your support, you've been a life saver and offer a fast turnaround time. 

I've got a few questions for the mobile related and slider options. 

1) On the mobile, version of the site, please see 1.png I'm trying to increase the size of the header logo and having no joy. How can I do this please? 

2) WP Bakery is very cumbersome for making changes to the same button 50 times, is CSS support for this? 

3) Please have a look at https://www.cnsf.fr/garden-services-2/, once, I've built this site, I'm passing this to the client, with the "Penci Image Gallery" can you adjust the height and width of the gallery? Ideally, the gallery wants to fit nicely in the screen, without the user scrolling up and down to see a picture. How is the screen of the gallery dictated? Is it by the size of the largest pictures?  I don't see any settings under "Penci Image Gallery Settings" that suggest this. 

Thanks 

James 

Want to join this conversation or access attachments? Sign in first.