Hello,

Can you send us a link where are you experiencing this issue? The responsive issues can be fixed with some CSS. Does this occur when seeing the site on different devices?
You can attach the link here, and add the site url on your profile user extra information, read this article regarding this.

Let us know.

Best regards!

Hello,

What element are you using to create the service?
We can’t give a precise answer just by looking at the screenshot. If you can’t send us an actual link, then please edit it’s responsive layout with some custom css. Add the related code into your custom css box located in General Options.
See here some useful links:
https://www.w3schools.com/css/css_rwd_intro.asp
https://learn.shayhowe.com/advanced-html-css/responsive-web-design/

Best regards!

Hello,

Sorry for the late reply.
We created the situation but this doe snot happen. Can you please provide a link where you are running this?
So we can give it a closer look.

To send data in private, please read this article for more information.

Best regards!

Hello,

Please add this code into your custom css box:

@media (max-width: 480px) {
.single-portfolio #content {
    padding-left: 6% !important;
}
.single-portfolio .header_page {
    padding-left: 6% !important;
}
.single-portfolio .container {
    padding-left: 6% !important;
}
}

Please know that the responsive dimensions are fixed and it is already set up a layout for them. If you keep making the webpage smaller in the desktop browser, at some point it may not be perfect but also that is not actually a device dimension.

You can send us the wp admin credentials, in order for us to check the site even in coming soon mode.
Let us know.

Best regards!

Hello,

Sorry for the late reply.
Actually you should check it in desktop but without the Visual Composer front-end enabled.
The front-end is made for you to edit the elements more easily by seeing it, but to see the changes, you have to remove VC. The custom css also edits the site but not the front-end view.
I see you have set row and then inner row, this changes the css classes hierarchy.
Please copy you pages code from “classic view” and send it to us. This is the only way for me to reproduce your exact situation and give advice.
See the screenshots:
step 1: https://pho.to/AYcrM
step 2: https://pho.to/AYcrY

Best regards!

Hello,

The site is not yet available for us to see. Please let us know when we can check it.
Please fill in the wp information on your extra information fields of your profile data. It really saves us a lot of time to find it when needed, then go throw all your raised topics.

Read this article for more information.

Best regards!

Hello,

I checked your site and i don’t see the issue you are mentioning. I recorded the screen for iphone5 and 6 screen dimension. The elements are changing as they should. Please see it here: https://jmp.sh/0GpmSGC

Let us know what is wrong here.

Best regards!

Hello,

1-This is a effect of parallax. You have set it ON in the slider options.
However, that effect is no longer showing in mobile. See screenshot.
Did you made any changes?

2-When you put the mobile in landscape, the screen dimension is increased. That’s why the navigation arrows do not overlap the text. The background if navigation arrows is transparent and does not hide the slider text, but if you must move it then add this code into your custom css box to move down the arrows from the main text of slider:

@media (max-width: 480px){
.codeless_slider .nav-roundslide a.prev {
    top: 80% !important;
}
.codeless_slider .nav-roundslide a.next {
    top: 80% !important;
}}

3-This as well happens for the same reason as the above. The iphone portrait screen dimension is smaller than the landscape and the strings get wider than the bar.
Add this code to change this:

@media (max-width: 480px){
.skill .skill_tooltip {
    top: 9px !important;
}} 

4-I don’t see the image pixelated (screenshot). But you can move up the main title with this css:

@media (max-width: 480px){
.header_page.with_subtitle.centered .titles h1 {
    margin-top: -179px;
    font-size: 56px;
}}

5-I don’t see any screenshot in the link pasted. Can you please resend?

Best regards!

Hello,

1-The text is not transparent. See screenshot for more info:
If you want to change it’s color, then add this code:

@media (max-width: 480px){ 
.header_page.with_subtitle.centered .titles h5 {
    color: #f5f2f2 !important;
}}

Change the color to your wish.
-The image seems to not have been resized to the mobile dimension. What device are you using to open this? I don’t get any of this when i open it from a Samsung S6.

2-Can you send the link of this page? i searched all your pages and i can’t find this..

Best regards!

Hello,

1-This is strange, i still do not see any problem for slider in mobile. See screenshot: https://www.clipular.com/c/6231598473412608.png?k=wjC0yXsX09aUrTRxwCiTgN4s21g
What browser are you using?

2-I added this code into your custom css box:

@media (max-width: 480px){ 
.viewport { overflow-x: hidden; }
}

The page does not move anymore.

Best regards!