[SELLAR]

Adjusting the media queries as I suggested in the style CSS worked a perfect. No need for pro edition for now thanks although if all works out for my site will likely purchase.

[SELLAR]

Below is an option. create a resized image and set seperate image file at mobile size.
Prob betters ways to do it but works for me at this stage.

/* Phone Display Settings */

@media (max-width: 30em)
{
/* Header Image */
.custom-header
{
background-image: url(http://3dbim.solutions/wp-content/uploads/2020/01/3DBS_Logo_300dpi.png) !important;
}
}

[SELLAR]

another option is give a page builder a go. Im currently using Elementor plugin which allows for easy page buidling, centers my content and easy animations, also control what content appears on what device. Im sure theres plenty of others and wordpress may suit your needs but feel free to have a look at my temp site for example.
website: 3DBIM.solutions

[SELLAR]

Possibly try this, if it works for desktop but not mobile could add a media querie.

.content-area
{
width: 100% !important;
}

[SELLAR]

Content being centered should be easier enough within your page builder?

What are you using to edit your pages? WordPress or maybe elementor or something?

[SELLAR]

My additional CSS listed below incase any could be the cause.

#content
{
padding: 0
!important;
}

.site-content
{
background: #2b2b2b
!important;
}

.fluid-layout #header-content
{
background-color: #2b2b2b
!important;
}

#search-toggle-right
{
display: none
!important;
}

.entry-container
{
background: rgba(250, 160, 5, 0.5)
!important;
}

.entry-title,
.entry-content-wrapper a
{
color: #000000
!important;
}

.cycle-slideshow
{
display: block
!important;
background: #000000
!important;
}

.cycle-next,
.cycle-prev
{
color: #000000
!important;
background: rgba(250, 160, 5, 0.5)
!important;
border-style: solid
!important;
border-width: 1px
!important;
border-color: black
!important;
border-radius: 10px
!important;
}

[SELLAR]

If you right click on my home page and inspect and change the display option to the Galaxy S5 you will see the error mactching the snapshots on my projects page.

[SELLAR]

I found changing the image size in the contentblock from large to full helped with image resolution.

[SELLAR]

no worries joma5662. ill keep an eye out on the support page as im currently building using this template and may be able to assist with some aspects. all the best.

[SELLAR]

added snapshots to my page for reference.

http://3dbim.solutions/projects/

[SELLAR]

I currently have a galaxy S5 im testing on. it seems fine when I test the screen sizes using the inspect option but on my phone if i scroll down 1 section i can still see a portion of my section 1 and it drops off the bottom of the second section. and then if I scroll up it positions the sections correctly.

I am also having issue with the homepage feature image sometimes appearing to have cut thru the image.

I will work out how to add some snapshots for better reference when i work out how to 🙂

cheers again.

[SELLAR]

new to wordpress myself but I just use the addition CSS.

below is fullsite background color.

.site-content
{
background: #ffffff
!important;
}

[Author]

Posts