New to the community? Start here

Tom
Code Wrangler
371 pts: Hero points 2,109 pts: Rep. points LEVEL 12

Lowering Page title by 5px on mobile devices only

Hi,

Can the title of page be lowered by 5 px + reduce font size (on mobile devices only) by 1/4th

Screenshot – http://postimg.org/image/6vh3erzdp/

Website: *URL REMOVED*

Support Access open

Thanks

Tom

Tue, 14 Apr 2015 12:31:45

Predrag Dubajic
- Support
- 4,417 pts: Hero points 32,655 pts: Rep. points LEVEL 30
Hey @Tom,

Hope you’re doing well today :slight_smile:

To move page title use this CSS code and adjust values if needed:
```
.page-entry-title {

padding-top: 5px;

padding-bottom: 23px;

}
```
To change the height on smaller screens use this code:
```
@media (max-width:499px){

.page-entry-title {

font-size: 20px;

}

}
```
You can change on which screen size this start to happen by changing max-width from 499 to any other value.

Best regards,

Predrag
Tom
- Code Wrangler
- 371 pts: Hero points 2,109 pts: Rep. points LEVEL 12
Hi Predrag,

Thanks that fixed it, i edited the margin-right to 1px which seemed to look best on my device.

there is a slight bug when user navigates between Review Cart>> (The arrow between “Shipping & Checkout disappears and moves right to left) see screenshots

1- http://postimg.org/image/owt0jjhvp/

2- http://postimg.org/image/zch5routh/

Tom
Predrag Dubajic
- Support
- 4,417 pts: Hero points 32,655 pts: Rep. points LEVEL 30
Hey Tom,

Arrow seems to be there just the color is same as the background, can you try using this CSS to fix it:
```
.mp_cart_breadcrumbs .current + .sep {

color: #cccccc;

}
```
Best regards,

Predrag

Sales question?