Questions tagged [rwd]

Responsive Web Design(rwd) is an approach to web design intended to make the viewing and use of web pages easier across multiple platforms and devices, ranging from smart phones to desktop computers, by utilizing technologies that are present on those devices and selectively omitting or replacing features which would be cumbersome without certain technologies.

Filter by
Sorted by
Tagged with
0
votes
0answers
16 views

Magento 2 - How to create mobile responsive design using page builder

Create a design using page builder good for web view, the responsive view totally collapsed in mobile view, how to achieve the responsive view, how to add bootstrap for the page builder?
0
votes
0answers
44 views

Product Page not responsive in mobile (Porto Theme)

I created a child theme for Porto theme responsiveness is working on desktop, but not in mobile. can anybody help me? could I be missing the viewport metatag only in product page? I`m a newbie to ...
0
votes
0answers
71 views

How to convert Adobe XD design to Magento 2 Custom Theme?

I have Adobe XD Design, how to apply as a custom theme, my parent theme Default, how to apply the files. I am using Magento Enterprise Edition. Note: Any basic docs welcome
0
votes
0answers
9 views

How do you set the theme to be used based on screen width?

I have set up a child theme of our main them for mobile. In Content > Design > Configuration . I set up Design Rules to select the mobile theme if the useragent matches a known mobile device. ...
1
vote
1answer
75 views

Page Builder product carousel only one item per slide always

Is it possible to have one product per slide always no matter the size of the screen using the product Carousel with page builder? The default is 5 items.
0
votes
2answers
226 views

How to use responsive.js in a theme derived from Luma?

The Magento DevDocs says You can use the menu.js, responsive.js and matchMedia.js to add responsive behavior in your custom theme. If your theme inherits from Blank or Luma, you do not even ...
0
votes
1answer
58 views

Change breakpoint accordion vs. tabs product data

I'm struggling with my product tabs. I've that many tabs, that the tabs are wrapped to a new line. For this reason, I would like the breakpoint to change to an accordion from screen__m to screen__l. ...
0
votes
1answer
82 views

How to remove Magento 2 default mobile menu, so that i can use my own custom menu?

I would like to know where is the default mobile menu located in magento 2. My problem is i created my own custom responsive menu but it defaults to the mobile menu after 768px. Followed several ...
0
votes
1answer
30 views

magento 2.2.6 theme responsive issue

I run several websites with a "responsive" template. The thing is, the template is not really responsive....(And the developpers have dropped support on it...) the mobile stylesheet seems completely ...
1
vote
0answers
166 views

Issue facing with Custom Grid Slider

I am using Codazon Fastest theme and my Magento version is 2.2.6. The issue is looking like a responsive problem. When the site is loading, the grids look like attachment 1. When I make restore and ...
3
votes
0answers
38 views

I want to apply a limit for discount amount on checkout

I want to apply a limit for discount amount on checkout. I am providing multiple discount to my customer what I want whenever customer checkout the maximum discount limit will be 50% of the order ...
0
votes
1answer
88 views

Move Minicart responsive

we are using Magento 2.2.6 an rebuilding the desing. We plan to move the minicart when the width is small (on smartphones). But we cant do this with css. When we initialize the minicart twice in phtml ...
0
votes
1answer
359 views

Requirejs-config.js not working for parent theme's responsive.js file

I would like to change the values for the media property for the files menu.js & responsive.js from media: '(min-width: 768px)' to media: '(min-width: 992px)'. I thought using Magento's JS Mixin ...
2
votes
0answers
341 views

Fotorama Responsive Breakpoint

I am having issues with getting fotorama responsive, the breakpoint for a resize is not being actioned. Below is my process of getting this to work: I changed my themes breakpoint for screen_m via ...
0
votes
1answer
86 views

What does RWD theme name stands for?

What does RWD theme name stands for? Just wondering what does it mean? I keep reading it as 'rear wheel drive' in my head, help.
1
vote
1answer
113 views

Image not responsive on home page.

I've added an image to my home page and when I preview the home page from CMS pages in the admin the image is responsive. When I click on my logo the page is then fully responsive all except the ...
1
vote
0answers
526 views

display a popup once per day!

this code is to display a pop up once per day. But I'm having trouble making it responsive, and it seems that it shows once a lifetime... Also if I put it in 3 different pages, and it only shows up ...
2
votes
1answer
578 views

Problem with link in responsive menu (go to undefinied url)

I'm facing a pretty ugly issue. When I'm on desktop, no problem with the menu link. When I'm on responsive, when I go through the menu, I have the right URL but when I press the item, I'm redirected ...
1
vote
0answers
14 views

Responsive of Magento 2.2? was it accurate?

Will Create a typical ecommerce system. Just want to know how magento 2.2 responsive work? Cause last time I do responsive is 1.8 and media query give me a bit problem.
2
votes
1answer
162 views

Add responsive custom footer in Magento 2

I created a custom footer but I want it to be responsive. My code is: <div style="width: 16%; float: left;"> <h3>LOCATION</h3> <a href="" target="_blank">Map</a></div&...
1
vote
0answers
291 views

Short Description and long description are not responsive on product page of Magento 2

I am currently facing an issue with the responsiveness of Magento 2 product page. My descriptions are passing the browser screen toward the right side. They are showing up like this in the attached ...
0
votes
2answers
732 views

Magento 2.2: How to apply breakpoints in custom .less files

Magento 2.2.3 Ubuntu 16.04 Server VM using VirtualBox with icewm window manager Apache 2.4 MySQL 14.14 PHP 7.0 Custom theme which inherits from Magento/blank I have a custom .phtml file: Vendor/...
0
votes
1answer
110 views

Use of Imagesloaded plugin in the RWD theme

If you look at the layout file page.xml of the RWD theme you will find a declaration like: <action method="addItem"><type>skin_js</type><name>js/lib/imagesloaded.js</name&...
0
votes
1answer
472 views

Disable gesture zoom in responsive

I have a custom theme (rwd set as parent theme), in mobile view I want to disable gesture zoom through out the site. For this I have below code in head.phml <meta name="viewport" content="width=...
0
votes
1answer
505 views

Magento media queries in platform-Responsive emails

Hi i set some @media style for mobile for emails in magento (i added style in email header head section, in email header body section, in email-inline.css , in email-non-inline.css) but when mail ...
1
vote
0answers
452 views

Can't submit add-to-cart AJAX form because of duplicated form in mobile friendly product page

I'm working on a mobile design for a Megento product page, what I'm basically doing is duplicating the HTML for desktop and mobile display and showing/hiding the correct design according to the screen ...
2
votes
1answer
573 views

Reload theme on page resize

A website I am working on has two drastically different designs for mobile and desktop. For this reason I chose to make 2 different themes, and have the mobile detect module (https://github.com/...
1
vote
2answers
4k views

How to add style rules to print.css

In M2 they use custom .media-width mixin rules to add to styles-m.css or styles-l.css. // // Common // _____________________________________________ & when (@media-common = true) { .catalog-...
1
vote
1answer
205 views

Magento 1.9: Missing translation of the minicart “remove item” pop-up buttons?

The pop-up window which is shown when clicking "Remove item" in the mini-cart ("Are you sure you would like to remove this item from the shopping cart?") shows two buttons "OK" and "Cancel". In my ...
0
votes
1answer
749 views

How to show 4 product desktop view and 2 in mobile view - Magento 1.9

In rwd theme, when I show 4 products in a row by following code in catalog.xml <action method="setColumnCount"><count>4</count></action> it looks good on desktop but on mobile ...
1
vote
1answer
392 views

getting these console errors and really have no idea to solve it

Uncaught TypeError: this.toggleElements.toggleSingle is not a function at Object.match (app.js:1004) at QueryHandler.on (enquire.js:100) at enquire.js:214 at each (enquire.js:38) at MediaQuery.assess ...
0
votes
2answers
52 views

Magento responsive

I would like to use my existing Magento Template for Desktop (as it is not optimized) and want to buy a new one for Responsive. Is it possible, to have them separated? What would be the best way? ...
1
vote
1answer
3k views

adding bootstrap to magento 2

Adding the direct bootstrap online link conflicts with the layout. I've compiled bootstrap for just the responsive grid, but cannot find exactly where to place this bootstrap.min.css and how to link ...
0
votes
1answer
138 views

Change “My Account” to “Sign in/Sign out” option in header in magento rwd theme?

I want to change "My Account" to "Sign in/Sign out" option in header in the upper right corner. In C:\wamp\www\magento\app\design\frontend\base\default\layout\customer.xml I changed <default>...
0
votes
1answer
2k views

How to check which template /view file is used - rendered

I am trying to make changes to registration page and add the address info fields in registration / account creation page. my browser reads mysite/customer/account/create by following the instructions ...
1
vote
2answers
853 views

Responsive a static block - Magento 1.9.2

I was able to create full width sliders on a single page using custom css added to the design tab for the page: <reference name="head"> <action method="addItem"><type>skin_css&...
0
votes
1answer
105 views

I want to make this magento site responsive or mobile friendly

Please I would like to make this site (http://mushkaperfumes.com/) mobile responsive. When you check using your mobile phone, it doesn't look good. Please who have done this before to help me solve ...
1
vote
0answers
103 views

Magento - specific mobile / desktop Menu

I have found a lot of different ways to make the mobile menu different from the desktop one, but I'd like to use the same menu, but in different sequence. Is it possible at all in Magento? e.g. I ...
2
votes
1answer
234 views

where to put my theme in rwd package?

I'm trying to override "content" block of page.xml. It works with default design package. I can output products in content block: but with rwd package it not overriding "content": no matter if I put ...
1
vote
1answer
461 views

Magento 2: how to disable zoom using gestures in the whole site?

Users can zoom in and zoom out on any page using gestures (index finger and thumb). How can I prevent that behavior? I'm using custom theme which inherits from Blank theme.
1
vote
0answers
145 views

why magento2 choose adaptive web design?

As we know website can be developed either Responsive Web Design(RWD) or Adaptive Web Design (AWD). RWD: No matter what the browser width may be, the site adjusts its layout AWD: Adapt to the width ...
2
votes
0answers
182 views

Set empty design layout for a controller

I've created a controller that is displaying some html code retrieved from orders.phtml file : <?php class Envato_RecentProducts_OrderController extends Mage_Core_Controller_Front_Action { ...
1
vote
0answers
58 views

Mobile Top Menu drop downs not working

The mobile menu on this site nightskysecrets.com.au is not dropping down. Not sure if this is an upgrade issue but can't find the problem in css wondering if it is a Javascript issue.
1
vote
2answers
102 views

1 part of the sidebar at top, rest at bottom

Okay, so I have a sidebar in one of my CMS pages. This sidebar has 3 static blocks: a menu (accordeon on mobile devices) a contact block an USP block The HTML is roughly set up like this: <div ...
0
votes
1answer
30 views

How do I add breaking points to my layout.xml?

I want to remove a certain block on my website but only for desktop resolutions. How do I add a breaking point to my default.xml inside my theme?
0
votes
2answers
1k views

Magento 2 extend styles-m.less

I'm working on a custom Magento 2 theme and I added couple of my own elements in it. When I write (for example): .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { ...
0
votes
2answers
87 views

On click show/hide contents for brands list

I would like my brand directory to have a click event. So if a visitor clicks 'A' for example, all brands within A are shown. I have the below code which collates the brands - however, the script I am ...
1
vote
1answer
43 views

Want to make the zipcode section responsive in every dimension of screen

My website name is bookslab.in. It is an ecommerce magento website. My website is responsive except my zipcode section. I want to make that zipcode section responsive in each & every screen of ...
1
vote
3answers
442 views

CMS Images Not Responsive [closed]

I've added an image to my front page. It has no width or height defined in the image tag. When I resize the browser window it is responsive until the window is mobile size and the menu disappears. ...
1
vote
1answer
1k views

Magento2 - use layouts like bootstrap

looking for a way to use a grid layout for CMS pages (such as home page) of magento2 - theme copied from Luma into a custom. would like to have the ability to set up two divs to float side by side, ...

1
2 3 4 5