Text going off screen / full width portfolio issue

[massappealdesigns]

Hi again,

1: I have an issue where some text is going off page, in particular at the bottom of some pages such as http://dev.massappealdesigns.com/services/branding/ where i have a box at bottom and the list of social media profiles goes off screen on an iPhone, plus there is a section of text saying ‘creative branding, clever design’ which also goes off screen (attached screenshot) this happens on a few other pages too

2: On this page http://dev.massappealdesigns.com/services/branding/logo-design/ and a few others I have some portfolio items, in the page builder I choose ‘Masonry Gallery (full width) and have 3 columns but it only shows 2 columns and all 2 columns are aligned to the left with a big space to the right, if I have it as 4 columns its fine (attached screenshot)

Thanks in advance

Darren

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Regarding your questions:

1) Did you changed the “lets get the party started” text box, it looks different and fit’t the screen.

I’m testing in Android, does it only happen to you in iPhone?

can you try to reduce the browser window in the desktop to emulate the phone size?

2) Can you try to disable all your plugins and test again just to discard any plugin conflict?

-Rui

[massappealdesigns]

Hi thanks

1: I hired a guy to change the footer so now it looks a bit better though the social media links still go off the page, I’m using an iPhone 6 using Safari and also Chrome, I reduced my browser on my macbook to emulate a mobile and it still does goes off screen (attached)

2: I notice this happens on your Dante theme demo too http://themeforest.net/item/dante-responsive-multipurpose-wordpress-theme/full_screen_preview/6175269, looks fine with rows of 3 but with rows of 4 it shifts to rows of 3 with a massive gap to the right, attached a screenshot

Cheers

Darren

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

1) The custom code you have in the footer is not responsive. You should ask your developer to make it responsive so it can break in 2 lines when the window width is smaller.

2) Can you provide us the full url to our specific demo page? The one you sent is the generic from Themeforest.

check in dante.swiftideas.com and provide us that url so we can compare.

-Rui

[massappealdesigns]

Hi, sorry for delay

1) The custom code you have in the footer is not responsive. You should ask your developer to make it responsive so it can break in 2 lines when the window width is smaller.

its in other places too that the developer has not touched, it seems just totally random really, I sorted one section out but it was just random how i fixed it, ill look into it myself and see what i can do

2) Can you provide us the full url to our specific demo page? The one you sent is the generic from Themeforest.

http://dante.swiftideas.net/portfolio-full-width-masonry/ sometimes its perfectly 4 columns, if i reduce the browser size a few cm’s it goes to 3 columns with the space to the right, ill move it a few more cm’s and then its perfect, then again if i reduce it a few more cm’s it does the same with the space to the right, so basically it keeps changing depending on screen size every few cm’s

[Swift Ideas – Ed]

Hi Darren,

1) The developer has used a span – which doesn’t break lines. This would be better off as unordered list (ul + li)

2) Unfortunately this is a browser issue with the way it calculates widths. You can add this custom css to prevent it:

@media (min-width: 768px) {
.masonry-items .portfolio-item.col-sm-3 {
  width: 24.97%;
}
}

– Ed

[massappealdesigns]

Hi, thanks, i’ll look into it

I also seem to have an issue where on iPhone and iPad the menu icon does nothing , it worked fine up until a few days ago but the last 2 days I’m constantly touching the menu icon and just nothing happens, not sure if it is ever since I updated the Dante theme

Darren

[Rui Guerreiro – SUPPORT]

Hi,

The menu worked fine for me in iPad and Android.
Maybe it’s just the browser cache, try to clear it and try again.

-Rui

[massappealdesigns]

Hi Rui, it seems to work fine now on both iPad and iPhone, I never did anything at all, its happened before completely randomly so I will keep an eye on it

1 more little issue on my portfolio page http://www.massappealdesigns.com/portfolio/ I have used the pagination option, last time it worked fine but now I’m getting a 404 error when i click on the next page or page 2 etc??

Also throughout site I’m still getting text going off the screen, ill set up a separate thread again with screenshots

[Rui Guerreiro – SUPPORT]

This reply has been marked as private.