Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 18, 2017 at 7:29 pm #823467
    bobbysap

    I have 2 problem in my theme:

    1) Desktop and Mobile are not the same:
    a) desktop
    2) Mobile:
    a) mobile

    1) Slider Desktop VS Mobile
    a) Desktop:
    slider desktop
    b) Slider Mobile
    slider Mobile

    INFO: I want to be on mobile and the desktop the same ( buttons next to each other and centered )
    I put this code in quick css:

    .avia-button-center {
    display: inline;
    padding: 35px;
    }
    I centered on desktop but on mobile not work …

    For slider HOME i have this code but is not responsive on mobile devices: 

     @media only screen and (max-width: 767px) {
.responsive #scroll-top-link {
  display: block !important;
}

    This i have in quick CSS: 

    
@media only screen and (max-width: 767px) {
.responsive #scroll-top-link {
  display: block !important;
}
}
#top .avia-slideshow-button {
border-radius: 25px;
text-transform: uppercase;
padding: 15px 16px;
display: inline-block;
margin-top: 20px;
text-decoration: none;
font-weight: bold;
font-size: 17px;
}
.hr-inner { border-color: #c39f76!important; }
.toggle_icon .vert_icon, .toggle_icon .hor_icon, span.toggle_icon {
border-color: #c39f76;
}
.avia-button-center {
   display: inline;
   padding: 35px;
}

    P.S: On Header Menu how can i change the arrow to this ” + ”

    plus
    arrow mobile

    Best Regards!

    • This topic was modified 7 years, 5 months ago by bobbysap.
    July 19, 2017 at 8:22 am #823743
    John Torvik

    Hey bobbysap,

    To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Best regards,
    John Torvik

    July 30, 2017 at 2:09 pm #831813
    bobbysap

    Sorry for time but website was in Maintenace …

    What i want to do is to have this two buttons responsive inline for all mobile or tablets. Down is a pictures whit what i want to be in my website.
    IMG -> http://imgur.com/a/e8qiM
    The button i want to be in mobile devices like in slider from header

    And the second problem is the menu on mobile for page in menu i can click on principal page, not subpages …
    And other problem if is possibile to change the down arrow with a + ( plus ) like in images i put here …
    IMG -> http://imgur.com/a/IAZGc

    Best Regards,

    • This reply was modified 7 years, 4 months ago by bobbysap.
    August 1, 2017 at 2:57 pm #832909
    Yigit

    Salut :)

    1- Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (max-width: 480px) {
.avia-button-center {
    padding: 10px;
}}

    2- Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

     .html_av-submenu-hidden .av-submenu-indicator:before {
    content: "+";
}

    Sub menus work fine on my end. Please flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh

    Best regards,
    Yigit

    August 1, 2017 at 10:41 pm #833104
    bobbysap

    Perfect, and if i want more bolded the “+” a little bigger is possible?
    Plase Insecte Ieftine

    August 2, 2017 at 11:29 am #833344
    Yigit

    Hi,

    Please change the code to following one

    .html_av-submenu-hidden .av-submenu-indicator:before {
    content: "+";
    font-weight: bold;
    font-size: 16px;
}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.