Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2447891
Mobile Related Questions
Closed

Comments

  • jimbojames started the conversation

    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 

  •  501
    Penci replied

    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 replied

    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 



  • jimbojames replied

    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



  •  501
    Penci replied

    Hi,

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


    Best Regards,

    PenciDesign

  • jimbojames replied

    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

  •  501
    Penci replied

    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