Ismael, is something wrong with your code?

{}

Is it correct to use this?

Many thanks, Ismael. One less problem on this site.

Much obliged

See the other tickets for me. There is little left.

Jordan,

thanks for the feedback.

But I asked for more than just the color.

Can you help me?

Vinay, thank you very much for the return.

You forgot a detail. I need to have 2 types of accordion. One for desktop and other for mobile devices. Comop I use this code?

LIKE THIS:
/*ACCORDION DESKTOP*/
@media only screen and (max-width: 768px) {
.av_toggle_section .toggler {
font-family: Oswald, ‘Roboto’, ‘HelveticaNeue’, Helvetica, Arial, sans-serif !important;
font-size: 45px;
line-height: 1.5em;
color: #FFF;
padding: 20px;
background: rgb(255,0,0,0.1) !important;
font-weight: bolder;
}
/*ACCORDION DEVICES*/
@media only screen and (max-width: 767px) {
.av_toggle_section .toggler {
font-family: Oswald, ‘Roboto’, ‘HelveticaNeue’, Helvetica, Arial, sans-serif !important;
font-size: 20px;
line-height: 1.5em;
color: #FFF;
padding: 20px;
background: rgb(255,0,0,0.1) !important;
font-weight: bolder;
}

Hello Mike, we will use some blocks of text on the page with the title text block. We would like to control the size of the title on the devices and on the desktop. Same as we did with special heading.

It is possible?

Mike, it worked. Congratulations. Very helpful your help.

For title in TEXT BLOCK what would this code look like?

ANOTHER DOUBT
This code for SPECIAL HEADING works for which H (h1, h2, h3, h4 …?…

• This reply was modified 6 years, 6 months ago by mleite1. Reason: adicional information

Can someone help me? Can you answer my question above?

Mike, we worked on the site this weekend. We tested on several machines, cleared the cache and did not change using the above code. You can check the code and see what I’m saying.

Is there anything wrong with setting the special heading? Can you check for me? I will make access to the site admin available.

I put large font size in code. I did this to see the effect. There was not.

Ismael, thanks for the feedback. Can you tell me what size, height and width image works well on iphone and ipad? I did not find this format. Can you help me?

VERY URGENT!!!!!!!!!

Ismael, how are you? I need to take a question with you. I spent all day doing this study.

My site is onepage …. everything on a single page. Clicking on the top links moves the page. For each menu link there is a color section with the content of that link. For each color section I use a background and this needs to be well visualized on desktop, Ipad and Iphone.

The site has 5 links, this defines that there will be 5 color sections on this main page. OK?

And the variations for the devices of the same color section? Note below.

So:
COLOR SECTION MUST BE VIEWED ALSO IN THE DEVICES
/
/
COLOR SECTION 1 SIMULATION (menu link 1)
Contains background image for Desktop – only one image in 1920×1080 (caters perfectly)
Contains background image for Iphone – one image is needed (375×667) and another lying down (667×375)
Contains background image for Ipad – one image is needed standing (1024×768) and another lying down (768×1024)

Summing up:
For the color section 1 that represents link 1 of the menu I will have to create it 5 times on the page:
/
1 for the desktop background image.
2 to the background of the Iphone and
2 for the Ipad. It will be 5 in total.

I’ll have it all on this page, as there are 5 links in the menu, 25 color section. That’s right?

Is this the way to do it?

LINK – Use an iphone and an ipad and move them putting in landscape and vertical view. I could not set the background to load on the iPad VERTICAL VIEW. The Ipad landscape is the same as the desktop configuration.

Mike, thank you very much for the return. I just entered the code. I put the font value for the first code, DEVICES, and it did not change. I also added two lines to your code and it did not work. What should I be doing wrong?

/ * DEVICE RULES * /
@media only screen and (max-width: 767px) {
h3.av-special-heading-tag, h2.av-special-heading-tag, .eapps-instagram-feed-title
font-size: 14px!important;
text-transform: uppercase !important;
font-weight: 800 !important;;
}
}
/
See the picture in my SPECIAL HEADING configuration
https://d.pr/Br86G0
/
Another observation.

For titles in TEXT BLOCK does this code work?
In Special Heading this code is for any H (h1, h2, h3, h3, h5).

• This reply was modified 6 years, 6 months ago by mleite1.

Ismael, how are you? It is very important that I solve this problem. Can you help me?

Nikko, the brand got smaller and it’s ok for me. The problem now is to align the elements. Note that the menu burguer is in the center. The mark is below and the icons of the networks are up.

1 – How to centralize these elements horizontally?

2 – How to leave the icons of the networks bigger?

LINK IMAGE
https://d.pr/4719Vg

Tks you and Yigit

• This reply was modified 6 years, 6 months ago by mleite1. Reason: ADITIONAL INFORMATION

Hi Yigit. What a good help you gave me. I need your help. See the Iphone screen after entering your code.

How do I leave the brand lower on the Iphone? The brand is too big.

IMAGE DEMO
https://d.pr/0PTjb4

• This reply was modified 6 years, 6 months ago by mleite1.