so now we had to find the solution for small screens so complete code could be:

#top .logo,
#top .logo a {
  overflow: visible;
}

/* Subtext styling */
.logo .subtext h2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px
}

.logo .subtext {
  position: absolute;
  top: 60%;
  right: 0;
  transform: translate(110%, -50%);
  z-index: 2;
  width: 500px;
}

@media only screen and (max-width: 768px) {
/* Reduce the logo height to make space for the subtext below */
#top #header .logo img {  
  max-height: 70%!important;
  margin-top: 10px;
}

/* OPTIONAL CHOICE : Change position of subtext when scrolled */
#top #header .logo img {  
  max-height: 100%!important;
}
#top #header .logo .subtext {
  position: relative;
    top: 10px;
    left: 0;
}
}

You see the link above – under it there is: “Subtext style and position”
Open the toggle “Add subtext to the right of the logo”
This css you need to add to your Quick css.

So add to quick css:

#top .logo,
#top .logo a {
  overflow: visible;
}

/* Subtext styling */
.logo .subtext h2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px
}

.logo .subtext {
  position: absolute;
  top: 60%;
  right: 0;
  transform: translate(120%, -50%);
  z-index: 999;
  width: 500px;
}

I found my issue, it may help you, I had not closed a piece of css – this one to be precise, it was missing a }.

@media only screen and (max-width: 990px) {
footer a {
font-size: 18px;
}}

I’ve found that if I remove all custom css it clears and works. Here is my custom .css – do you have custom css set up? Perhaps paste yours and we can see if we have anything similar that might be the cause.

#top .social_bookmarks li a {
color: white;
}

.avia-slideshow-arrows {display: none !important;}

@media only screen and (max-width:767px) {

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
color: black;
}

#top .header_color .av-hamburger-inner,
#top .header_color .av-hamburger-inner::before,
#top .header_color .av-hamburger-inner::after {
background-color: black !important;
}
}

#top #wrap_all .av-social-link-SnapChat:hover a{
color:#fff;
background-color:#9fae37;
}

#header_meta { background-color: #fdb5d3; box-shadow: none; }
#header_main { border-top: none !important;
border-bottom: none !important;}

@media only screen and (max-width: 990px) {
#top #menu-item-search {
display: none !important; }}

@media only screen and (max-width: 768px) {
#header_meta { display: none !important; }}

/*——————————–*/

/* Header widget */

/*——————————–*/

/* Widget text and background */
#top #header #header_main .widget {
line-height: 14px;
color:#ffffff;

}

/* Widget title */
#top #header #header_main .widget h3.widgettitle {
color: #fffff;
}

/* Widget link */
#top #header.header_color #header_main .widget a {
color: #ffffff;
clear: none;
position: absolute;
z-index: 100;
line-height: 30px;
height: 100%;
margin-top: 19px;
right: 21px;
}

@media only screen and (max-width: 990px) {
#top #header.header_color #header_main .widget a {
display: none;
margin-top: 0px !important;}}

#socket .sub_menu_socket {
float: none !important;
}
#socket .sub_menu_socket ul {
text-align: center;
margin-bottom: 6px;
}
#socket .sub_menu_socket li {
float: none !important;
display: inline;
}

@media only screen and (max-width: 990px) {
footer a {
font-size: 18px;
}

#socket .container {
display: flex;
flex-direction: column-reverse;
}

#socket .copyright {
text-align: center;
}

#socket .social_bookmarks {
margin: -10px 0 0 100px;
}
#socket .av-social-link-facebook a {
color: #fff !important;
background-color: #37589b !important;
}
#socket .av-social-link-twitter a {
color: #fff !important;
background-color: #46d4fe !important;
}
#socket .av-social-link-youtube a {
color: #fff !important;
background-color: #a72b1d !important;
}
#socket .av-social-link-gplus a {
color: #fff !important;
background-color: #de5a49 !important;
}
#socket .av-social-link-instagram a {
color: #fff !important;
background-color: #a67658 !important;
}
#socket .av-social-link-mail a {
color: #fff !important;
background-color: #e6cede !important;
}
#socket .av-social-link-SnapChat_Icon a {
color: #fff !important;
background-color: #fffc00 !important;
}

I was able to stop the jumping testimonial slider on mobile by using this code, ajusting the figure for px until it worked.

@media only screen and (max-width: 767px) {
.avia-testimonial-wrapper {
height:500px !important;
min-height:500px !important;
}
}

Here comes my question:
I would like to get more space for the text. The arrows are taking up to much of it in the mobile version.
How can I reduce the size of the arrows, so there is more space for words? Smaller fontsize would also help.

Thanks!

It is not working for me either? I am changing only the font size in Main Menu Links from Default to 30 px and when I view the site there is no change?
I also edited the element for the Menu Item Button and see no change?
Admin login is below:

• This reply was modified 7 years, 2 months ago by GlobalListingEchange.